.order-list-component {
    h1 {
        font-size: .426rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    p {
        font-size: .32rem;
        color: #8D8D8D;
        margin-top: .12rem;
    }
    img {
        height: 2.31rem;
        width: 2.31rem;
        border-radius: .1rem;
        margin-right: .25rem;
    }
    .order-list {
        & {
            width: 8.56rem;
            height: 7.17rem;
            padding: .28rem;
            margin-top: .41rem;
        }
        .img-content {
            display: flex;
            margin-top: .32rem;
        }
        .right {
            width: 6.24rem;
        }
        button {
            color: #A8A8A8;
            background: white;
            height: .82rem;
            width: 1.73rem;
            border: 1px solid #A8A8A8;
            border-radius: .2rem;
        }
        .footer {
            margin-top: .57rem;
            align-items: flex-end;
        }
        .grean {
            color: #21C4C6;
            margin-left: .1rem;
        }
    }
}